<template> 	     
	<view>
		<view class="cfmbox">
			<view class="cfmcon">
				<view class="left">
					<image src="../../static/icon-gift.png"></image>
				</view>
				<view class="right">
					<view class="title">支付完成后发送给微信好友</view>
					<view class="content">
						<text>1. 可填写留言祝福语</text>
						<text> 2. 礼物由好友填写地址和联系方式</text>
					</view>
				</view>
			</view>
			<view class="cfmtip">24小时内礼物未被领取，自动退款，订单失效</view>
		</view>
	</view>
</template>
<script></script>
<style scoped lang="less">
page {
	background-color: #eeeeee !important;
}
.cfmbox{
	margin: 30rpx;
	width: 690rpx;
	height: 250rpx;
	background: #F7A333;
	border-radius: 16rpx;
	}
.cfmcon{
	width: 690rpx;
	height: 200rpx;
	background: #FFFFFF;
	border-radius: 16rpx;
	border:1px solid #ffffff;
}
.cfmcon .left{
	float: left;
	margin-left:54rpx;
	margin-top: 56rpx;
	margin-right:54rpx;
}
.cfmcon .left image{
	width: 111rpx;
	height: 87rpx;
}
.cfmcon .right{
	float: left;
	width: 440rpx;
	margin-top:36rpx;
}
.cfmcon .right .title{
	font-size: 26rpx;
	color: #333333;
	font-weight: bold;
	margin-bottom:24rpx;
}
.cfmcon .right .content{
	font-size: 22rpx;
	color: #999999;
}
.cfmcon .right .content text{
	display: block;
	line-height: 36rpx;
}
.cfmtip{
	text-align: center;
	width: 100%;
	height:50rpx;
	border-radius: 16rpx;
	color: #ffffff;
	font-size: 24rpx;
	padding-top: 10rpx;
}
	
</style>
